import React from 'react'
import { Button, Field, Form } from 'react-vant';
import {
    useNavigate
} from "react-router-dom"

function Login() {
    const [form] = Form.useForm();
    const navigate = useNavigate()
    const onFinish = (values) => {
      if (values.username === 'admin' && values.password === "123456") {
          console.log("登录成功");
          window.localStorage.setItem("token",JSON.stringify(values))

          navigate("/")
      }else{
          form.setFieldsValue({
            username:"",
            password:""
          })
      }
    };
    return (
        <div>
            <Form
                form={form}
                showValidateMessage={false}
                onFinish={onFinish}
                footer={
                    <div style={{ margin: '16px 16px 0' }}>
                    <Button round nativeType="submit" type="primary" block>
                        提交
                    </Button>
                    </div>
                }
                >
                <Form.Item
                    tooltip={{
                    message:
                        'A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.',
                    }}
                    intro="确保这是唯一的用户名"
                    rules={[{ required: true, message: '请填写用户名' }]}
                    name="username"
                    label="用户名"
                >
                    <Field placeholder="请输入用户名" />
                </Form.Item>
                <Form.Item rules={[{ required: true, message: '请填写密码' }]} name="password" label="密码">
                    <Field placeholder="请输入密码" />
                </Form.Item>
            </Form>
        </div>
    )
}

export default Login
